<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>留守儿童信息管理系统</title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/layer.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
    <style>
        .lyear-wrapper {
            position: relative;
        }

        .lyear-login {
            display: flex !important;
            min-height: 100vh;
            align-items: center !important;
            justify-content: center !important;
        }

        .login-center {
            background: #fff;
            min-width: 68.25rem;
            padding: 2.14286em 3.57143em;
            border-radius: 5px;
            margin: 2.85714em 0;
        }

        .login-header {
            margin-bottom: 1.5rem !important;
        }

        .login-center .has-feedback.feedback-left .form-control {
            padding-left: 38px;
            padding-right: 12px;
        }

        .login-center .has-feedback.feedback-left .form-control-feedback {
            left: 0;
            right: auto;
            width: 38px;
            height: 38px;
            line-height: 38px;
            z-index: 4;
            color: #dcdcdc;
        }

        .login-center .has-feedback.feedback-left.row .form-control-feedback {
            left: 15px;
        }
    </style>
</head>

<body>
<div class="row lyear-wrapper">
    <div class="lyear-login">
        <div class="login-center">
            <div class="login-header text-center">
                <a th:href="@{/index}"> <img alt="light year admin" src="/images/logo-sidebar.png"> </a>
            </div>
            <form  method="post">
                <label>用户名</label><input type="text" class="form-control m-b-5" id="username" name="username">
                <label>姓名</label><input type="text" id="name" name="name" class="form-control m-b-5">
                <label>角色</label><br>
                <select class="form-control m-b-5" id="role">
                    <option>---请选择您的身份---</option>
                    <option type="radio" th:name="role" value="2">乡政府管理员</option>
                    <option type="radio" th:name="role" value="0">乡政府工作人员</option>
                    <option type="radio" th:name="role" value="3">妇联管理员</option>
                    <option type="radio" th:name="role" value="1">妇联工作人员</option>
                    <option type="radio" th:name="role" value="5">军人办管理员</option>
                    <option type="radio" th:name="role" value="4">军人办工作人员</option>
                    <option type="radio" th:name="role" value="7">村委会管理员</option>
                    <option type="radio" th:name="role" value="6">村委会工作人员</option>
                </select>
                <label>密码</label><input type="password" id="password" name="password" class="form-control m-b-5">
                <label>确认密码</label><input type="password" id="password2" name="password2" class="form-control  m-b-5">
                <label>邮箱</label><input type="email" id="email" name="email" class="form-control m-b-5">
                <label>电话号码</label><input type="tel" id="tel" name="tel" class="form-control m-b-5"><br>
                <button class="btn btn-block btn-primary" type="button" onclick="reg()" >立即注册</button>
                
            </form>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/layer.js"></script>
<script src="js/reg/reg.js"></script>
<script type="text/javascript">

</script>
</body>
</html>